<!DOCTYPE html>
<html id="my app" ng-app>

<head>

    <meta charset="utf-8">
    <meta content="width=device-width, initial-scale=1.0" name="viewport">


    <title>注册</title>
    <link href="favicon.ico" rel="shortcut icon">
    <link href="/static/css/bootstrap.min.css" rel="stylesheet">
    <link href="/static/css/font-awesome.css?v=4.4.0" rel="stylesheet">
    <link href="/static/css/plugins/iCheck/custom.css" rel="stylesheet">
    <link href="/static/css/animate.css" rel="stylesheet">
    <link href="/static/css/style.css?v=4.1.0" rel="stylesheet">
    <script>if(window.top !== window.self){ window.top.location = window.location;}</script>

</head>

<body class="gray-bg">

<div class="middle-box  ">
    <div  class="large-box text-center loginscreen   animated fadeInDown">
        <div>

            <h1 class="logo-name">XX</h1>

        </div>
        <h3>欢迎注册</h3>
        <p>创建一个新账户1</p>
        <form action="{{ url_for('admin.register_submit') }}" method="post">

            {% for item in form %}
            {{item}}
            <span style="color: red;">{{item.errors.0 }}</span>
            <br>
            {% endfor %}

            <input type="submit" class="btn btn-primary block full-width m-b" value="提交">
        </form>

    </div>
</div>

<!-- 全局js -->
<script src="/static/js/jquery.min.js?v=2.1.4"></script>
<script src="/static/js/bootstrap.min.js?v=3.3.6"></script>
<script src="/static/js/angular.min.js"></script>
<!-- iCheck -->
<script src="/static/js/plugins/iCheck/icheck.min.js"></script>
<script>
        $(document).ready(function () {
            $('.i-checks').iCheck({
                checkboxClass: 'icheckbox_square-green',
                radioClass: 'iradio_square-green',
            });
        });

</script>


</body>

</html>
